@charset "UTF-8";
.red, a.red {
  color: #e41c1c; }

.box-shadow {
  box-shadow: 1px 1px 8px #ccc; }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"); }
.iconfont {
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; }

/* 基础 */
/* 文本 */
/* 图片 */
/* css3动画 */
/* css3动画 - hover */
/* 以下是动画 */
body::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px; }
body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #3d527f; }
body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #EDEDED; }

.myact {
  display: none; }

.myact_on .myact {
  display: block; }

@keyframes _loadUDO_1 {
  0% {
    transform: translateY(20px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
@-webkit-keyframes _loadUDO_1 {
  0% {
    -webkit-transform: translateY(20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@keyframes _loadUDO_2 {
  0% {
    transform: translateY(-20px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
@-webkit-keyframes _loadUDO_2 {
  0% {
    -webkit-transform: translateY(-20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }
.comtop {
  animation: _loadUDO_2 0.8s linear 0s 1;
  -webkit-animation: _loadUDO_2 0.8s linear 0s 1;
  animation-fill-mode: backwards;
  -webkit-animation-fill-mode: backwards; }

.comnav li .line_down menu a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  animation: _loadUDO_1 0.3s linear 0s 1;
  -webkit-animation: _loadUDO_1 0.3s linear 0s 1;
  animation-fill-mode: backwards;
  -webkit-animation-fill-mode: backwards; }
  .comnav li .line_down menu a:nth-child(2) {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s; }
  .comnav li .line_down menu a:nth-child(3) {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s; }
  .comnav li .line_down menu a:nth-child(4) {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s; }
  .comnav li .line_down menu a:nth-child(5) {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s; }
  .comnav li .line_down menu a:nth-child(6) {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s; }
  .comnav li .line_down menu a:nth-child(7) {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s; }
  .comnav li .line_down menu a:nth-child(8) {
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s; }
  .comnav li .line_down menu a:nth-child(9) {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s; }
  .comnav li .line_down menu a:nth-child(10) {
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s; }
  .comnav li .line_down menu a:nth-child(11) {
    animation-delay: 1s;
    -webkit-animation-delay: 1s; }

.connav a, .comfoot nav p {
  animation-name: rotateInUpLeft; }
  .connav a:nth-child(2), .comfoot nav p:nth-child(2) {
    animation-delay: 0.4s; }
  .connav a:nth-child(3), .comfoot nav p:nth-child(3) {
    animation-delay: 0.6s; }
  .connav a:nth-child(4), .comfoot nav p:nth-child(4) {
    animation-delay: 0.8s; }
  .connav a:nth-child(5), .comfoot nav p:nth-child(5) {
    animation-delay: 1s; }
  .connav a:nth-child(6), .comfoot nav p:nth-child(6) {
    animation-delay: 1.2s; }
  .connav a:nth-child(7), .comfoot nav p:nth-child(7) {
    animation-delay: 1.4s; }
  .connav a:nth-child(8), .comfoot nav p:nth-child(8) {
    animation-delay: 1.6s; }
  .connav a:nth-child(9), .comfoot nav p:nth-child(9) {
    animation-delay: 1.8s; }
  .connav a:nth-child(10), .comfoot nav p:nth-child(10) {
    animation-delay: 2s; }
  .connav a:nth-child(11), .comfoot nav p:nth-child(11) {
    animation-delay: 2.2s; }
  .connav a:nth-child(12), .comfoot nav p:nth-child(12) {
    animation-delay: 2.4s; }
  .connav a:nth-child(13), .comfoot nav p:nth-child(13) {
    animation-delay: 2.6s; }
  .connav a:nth-child(14), .comfoot nav p:nth-child(14) {
    animation-delay: 2.8s; }
  .connav a:nth-child(15), .comfoot nav p:nth-child(15) {
    animation-delay: 3s; }

.comfoot ul li, .comfoot .phone p {
  animation-name: fadeInRight; }
  .comfoot ul li:nth-child(2), .comfoot .phone p:nth-child(2) {
    animation-delay: 0.3s; }
  .comfoot ul li:nth-child(3), .comfoot .phone p:nth-child(3) {
    animation-delay: 0.45s; }
  .comfoot ul li:nth-child(4), .comfoot .phone p:nth-child(4) {
    animation-delay: 0.6s; }
  .comfoot ul li:nth-child(5), .comfoot .phone p:nth-child(5) {
    animation-delay: 0.75s; }
  .comfoot ul li:nth-child(6), .comfoot .phone p:nth-child(6) {
    animation-delay: 0.9s; }
  .comfoot ul li:nth-child(7), .comfoot .phone p:nth-child(7) {
    animation-delay: 1.05s; }
  .comfoot ul li:nth-child(8), .comfoot .phone p:nth-child(8) {
    animation-delay: 1.2s; }
  .comfoot ul li:nth-child(9), .comfoot .phone p:nth-child(9) {
    animation-delay: 1.35s; }
  .comfoot ul li:nth-child(10), .comfoot .phone p:nth-child(10) {
    animation-delay: 1.5s; }
  .comfoot ul li:nth-child(11), .comfoot .phone p:nth-child(11) {
    animation-delay: 1.65s; }
  .comfoot ul li:nth-child(12), .comfoot .phone p:nth-child(12) {
    animation-delay: 1.8s; }
  .comfoot ul li:nth-child(13), .comfoot .phone p:nth-child(13) {
    animation-delay: 1.95s; }
  .comfoot ul li:nth-child(14), .comfoot .phone p:nth-child(14) {
    animation-delay: 2.1s; }
  .comfoot ul li:nth-child(15), .comfoot .phone p:nth-child(15) {
    animation-delay: 2.25s; }

.techsum li {
  animation-name: zoomIn; }

/* 内页banner */
@keyframes _screenbg_act {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.4); }
  100% {
    transform: scale(1); } }
@-webkit-keyframes _screenbg_act {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.4); }
  100% {
    -webkit-transform: scale(1); } }
.conbanner i, .conbanner img {
  animation: _screenbg_act 60s linear 0s infinite;
  -webkit-animation: _screenbg_act 60s linear 0s infinite;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.indexpart01 .img {
  visibility: hidden;
  animation-duration: 1s;
  animation-fill-mode: both; }
.indexpart01 .box h2, .indexpart01 .box section, .indexpart01 .box menu a {
  visibility: hidden;
  animation-duration: 1s;
  animation-fill-mode: both; }
.indexpart01 .cartoonshow .img {
  animation-name: rotateInDownRight;
  visibility: visible; }
.indexpart01 .cartoonshow .box h2, .indexpart01 .cartoonshow .box section, .indexpart01 .cartoonshow .box menu a {
  visibility: visible; }
.indexpart01 .cartoonshow .box h2 {
  animation-name: fadeInDown; }
.indexpart01 .cartoonshow .box section {
  animation-name: fadeInUp; }
.indexpart01 .cartoonshow .box menu a {
  animation-name: zoomIn; }
  .indexpart01 .cartoonshow .box menu a:nth-child(2) {
    animation-delay: 0.4s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(3) {
    animation-delay: 0.6s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(4) {
    animation-delay: 0.8s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(5) {
    animation-delay: 1s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(6) {
    animation-delay: 1.2s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(7) {
    animation-delay: 1.4s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(8) {
    animation-delay: 1.6s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(9) {
    animation-delay: 1.8s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(10) {
    animation-delay: 2s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(11) {
    animation-delay: 2.2s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(12) {
    animation-delay: 2.4s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(13) {
    animation-delay: 2.6s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(14) {
    animation-delay: 2.8s; }
  .indexpart01 .cartoonshow .box menu a:nth-child(15) {
    animation-delay: 3s; }

.indexpart02 .indexproduct, .indexpart02 .indextit > * {
  visibility: hidden;
  animation-duration: 1s;
  animation-fill-mode: both; }
.indexpart02 .cartoonshow .indexproduct {
  visibility: visible;
  animation-name: fadeInRight; }
.indexpart02 .cartoonshow .indextit > * {
  visibility: visible; }
  .indexpart02 .cartoonshow .indextit > *:nth-child(1) {
    animation-name: zoomIn; }
  .indexpart02 .cartoonshow .indextit > *:nth-child(2) {
    animation-name: fadeInUp;
    animation-delay: 0.3s; }
  .indexpart02 .cartoonshow .indextit > *:nth-child(3) {
    animation-name: rotateInUpLeft;
    animation-delay: 0.6s; }

.indexpart03 .indexlist > *, .indexpart03 .indextit > * {
  visibility: hidden;
  animation-duration: 1s;
  animation-fill-mode: both; }
.indexpart03 .cartoonshow .indextit > * {
  visibility: visible; }
  .indexpart03 .cartoonshow .indextit > *:nth-child(1) {
    animation-name: zoomIn; }
  .indexpart03 .cartoonshow .indextit > *:nth-child(2) {
    animation-name: fadeInUp;
    animation-delay: 0.3s; }
  .indexpart03 .cartoonshow .indextit > *:nth-child(3) {
    animation-name: rotateInUpLeft;
    animation-delay: 0.6s; }
.indexpart03 .cartoonshow .indexlist > * {
  visibility: visible;
  animation-name: fadeInUp; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(2) {
    animation-delay: 0.3s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(3) {
    animation-delay: 0.45s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(4) {
    animation-delay: 0.6s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(5) {
    animation-delay: 0.75s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(6) {
    animation-delay: 0.9s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(7) {
    animation-delay: 1.05s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(8) {
    animation-delay: 1.2s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(9) {
    animation-delay: 1.35s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(10) {
    animation-delay: 1.5s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(11) {
    animation-delay: 1.65s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(12) {
    animation-delay: 1.8s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(13) {
    animation-delay: 1.95s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(14) {
    animation-delay: 2.1s; }
  .indexpart03 .cartoonshow .indexlist > *:nth-child(15) {
    animation-delay: 2.25s; }

.indexpart04 .indeximg > *, .indexpart04 .indextit > * {
  visibility: hidden;
  animation-duration: 1s;
  animation-fill-mode: both; }
.indexpart04 .cartoonshow .indextit > * {
  visibility: visible; }
  .indexpart04 .cartoonshow .indextit > *:nth-child(1) {
    animation-name: zoomIn; }
  .indexpart04 .cartoonshow .indextit > *:nth-child(2) {
    animation-name: fadeInUp;
    animation-delay: 0.3s; }
  .indexpart04 .cartoonshow .indextit > *:nth-child(3) {
    animation-name: rotateInUpLeft;
    animation-delay: 0.6s; }
.indexpart04 .cartoonshow .indeximg > * {
  visibility: visible;
  animation-name: zoomIn; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(2) {
    animation-delay: 0.3s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(3) {
    animation-delay: 0.45s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(4) {
    animation-delay: 0.6s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(5) {
    animation-delay: 0.75s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(6) {
    animation-delay: 0.9s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(7) {
    animation-delay: 1.05s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(8) {
    animation-delay: 1.2s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(9) {
    animation-delay: 1.35s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(10) {
    animation-delay: 1.5s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(11) {
    animation-delay: 1.65s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(12) {
    animation-delay: 1.8s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(13) {
    animation-delay: 1.95s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(14) {
    animation-delay: 2.1s; }
  .indexpart04 .cartoonshow .indeximg > *:nth-child(15) {
    animation-delay: 2.25s; }

.indexbanner {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeIn; }

/*# sourceMappingURL=active.css.map */
